<div class="box callout">
    <header>
        <h4>
            Title
        </h4>
    </header>
    <div class="box-content">
        <p>
            Foo
            <br />
            bar
        </p>
    </div>
</div>

---

<div class="box warning">
    <header>
        <h4>
            Title
            <em>
                Title
            </em>
        </h4>
    </header>
    <div class="box-content">
        <p>
            Foo
            <br />
            bar
        </p>
    </div>
</div>

---

<div class="box error">
    <div style="padding: 4.0cm;" class="box-content">
        <p>
            Foo
            <br />
            bar
        </p>
    </div>
</div>

---

<div class="box error" style="background-color: rgba(255, 0, 120, 1.0); color: rgba(0, 10, 25, 1.0);">
    <header style="color: rgba(0, 10, 25, 1.0); padding: 3.0in;">
        <h4>
            Title
        </h4>
    </header>
    <div style="padding: 3.0in;" class="box-content">
        <p>
            Foo
            <br />
            bar
        </p>
    </div>
</div>